{% extends "base.html" %}

{% block title %}Competitors{% endblock title %}

{% block comp_li %}class="active"{% endblock comp_li %}

{% block breadcrumb %}
  <li>
    <a href="/competitors">Competitors</a> <span class="divider">/</span>
  </li>
  {% block sub_breadcrumb %}
  {% endblock sub_breadcrumb%}
{% endblock breadcrumb %}

{% block navi_full %}
<div class="span3"><ul class="nav nav-list">
  <!--- List of competitors --->
  {% for competitor in competitors %}
  <li><a href="/competitor/{{competitor.last_name}}/{{competitor.first_name}}">
    {{competitor.first_name|lower|capfirst}} {{competitor.last_name|lower|capfirst}}
    <span class="label">{{competitor.events.all|length}}</span>
  </a></li>
  {% endfor %}
</ul></div>
{% endblock navi_full %}

{% block content_full %}
<div class="span9">
{% block content %}
  <h2>Select a competitor</h2>
{% endblock content %}
</div>
{% endblock content_full %}